@import "variables";

seed-ability-value-explain{

  .ability-explain-text {
    padding: pxTorem(28) pxTorem(30) pxTorem(24);
    line-height: pxTorem(42);
    font-size: pxTorem(28);
    color: color($h5,c2);
  }
  .gap{
    height: pxTorem(15);
  }

  .score-detail-item{
    display: flex;
    justify-content: space-between;
    min-height: pxTorem(110);
    padding: pxTorem(40) pxTorem(34) pxTorem(40) pxTorem(44);
    box-sizing: border-box;
    line-height: pxTorem(30);
    font-size: pxTorem(26);
    color: color($h5,c2);
    position: relative;

    &:first-child {
      font-size: pxTorem(30);
      color: color($h5,c4);
    }

    .score-item-left{
      flex-shrink: 1;
      width: 38%;
    }
    .score-item-center {

    }
    .score-item-right{
      color: color($h5,c4);
      p {
        margin-bottom: pxTorem(12);
        &:last-child {
          margin-bottom: 0;
        }
      }
    }
    &:last-child {
      border-bottom: 0;
    }
    seed-icon {
      position: absolute;
      top: pxTorem(40);
      font-size: pxTorem(10);
      right: pxTorem(24);
    }
  }
  .change-color {
    color: color($h5,c13) !important;

  }

}
